<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="aa">
    </div>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>4</li>
        <li>0</li>
        <li>7</li>
        <li><p>999</p></li>
    </ul>
    <script>
        /*Document object Model  浏览器专门提供的一套操作网页内容的功能
        DOM对象: 操作html标签  获取对应标签 叫元素或节点对象   所有的标签属性都能在这个对象上找到  修改对象属性自动映射到标签上
         选择匹配第一个     document.querySelectorAll全部获取*/
         let div = document.querySelectorAll('#aa')
         console.log(div)
        let li = document.querySelectorAll('li')
        console.log(li)
        for(let i = 0;i<li.length;i++){
            console.log(li[i].innerHTML)
        }

    </script>

    
</body>
</html>
